<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <head>
        <link rel="stylesheet" href="../css/login.css" type="text/css" />
        <script type="text/javascript" language="javascript">
            var logoutUrl = 'main.seam';
        
            function logoutRedirect() {
                document.location = logoutUrl; 
            }
        
            var timer = setTimeout('logoutRedirect()', 30*60*1000);
         </script>
    </head>
    <body>
      <a4j:form>
            <a4j:jsFunction name="setLanguage">
                <a4j:actionparam name="lang" assignTo="#{langSession.langCode}" />
            </a4j:jsFunction>
        </a4j:form>
        <table align="center" width="100%">
        
        <tr >
        <td width="25%">
           <img src="../images/background.gif" style="width:33%;height:33%;border:0"/>
        </td>
        <td width="50%" >
           <img src="../images/background.gif" style="width:33%;height:33%;border:0"/> 
        </td>
        <td width="25%">
           <img src="../images/background.gif" style="width:33%;height:33%;border:0"/>
        </td>
        </tr>
        
        <tr>
        <td width="25%">
           <img src="../images/background.gif" style="width:33%;height:33%;border:0"/>
        </td>
        <td width="50%" valign="top">
        <div class='layout' id='page' >
           <div class='column'>
               <!-- <div style="padding-bottom:400px;"/> -->
           </div>
           <div class='frame_panel_short' style='padding-top: 20px;'>
               <form action="j_security_check" class="onboard_form" method="post">
                    
                    <table align="center">
                        <tr>
                            <td style="font-size:14px;text-align:center">Data Collection System Login</td>
                        </tr> 
                        <tr>
                            <td style="color:red;font-size:12px;text-align:center">Authenification Failure</td>
                        </tr>
                    </table>
                    <div class='field text_field'>
                        <label for="username">Username</label>
                    </div>
                    <div class='another_row'>
                        <input class="autotab behavior" id="username" name="j_username" tabindex="1" type="text" />
                    </div>
                    <div class='field text_field'>
                        <label for="password">Password</label>
                    </div>
                    <div class='one_more_row'>
                        <input id="password" name="j_password" tabindex="2" type="password" value="" />
                    </div>
                    <div class='field text_field'>
                        <label for="lang">Language</label>
                    </div>
                    <div class='remember_me_field'>
                        <label for="lang" style="display: inline">
                             <h:selectOneMenu immediate="true" onchange="setLanguage(this.value);" style="width : 100px;" value="#{langSession.langCode}">
                                <f:selectItems value="#{langSession.getLangs()}" />
                             </h:selectOneMenu>
                        </label>
                    </div>

                    <div class='actions'>
                        <div class="right gistsubmit">
                            <input name="commit" type="submit" value="Sign In" style="width: 110px" />
                            <span/>
                        </div>
                        <div class="clear"/>
                    </div>
                    <div class="clear"/>
             </form>
        </div>
  </div>
  </td>
  <td width="25%">
      <img src="../images/background.gif" style="width:33%;height:33%;border:0"/>
  </td>
  </tr>
  <tr>
   <td width="25%">
      <img src="../images/background.gif" style="width:33%;height:33%;border:0"/>
   </td>
   <td width="50%" >
       <img src="../images/background.gif" style="width:33%;height:33%;border:0"/> 
   </td>
   <td width="25%">
       <img src="../images/background.gif" style="width:33%;height:33%;border:0"/>
   </td>
  </tr>
  </table>
 </body>
</html>